<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 一直让第一个元素变色 动态选择 */
        /* 伪类 元素的特殊状态 例如第一个、被点击、
         伪类一般使用：开头  
         :first-child 第一个子元素
         :last-child 最后一个子元素
         :nth-child()第n个元素
         根据所有子元素进行排序
         :first-of-type
         :last-of-type
         :nth-of-type()
         和上述类似 不同之处是他们是在同类型元素中排序
          :not() 将符合条件的从选择器中去除
         odd或2n+1 奇数位
          2n或even偶数位*/
        ul>li:not(:nth-of-type(3)){
            color: red;
        }
    </style>
</head>
<body>
    <ul>
        <p>0</p>
        <li >1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    
</body>
</html>